<template>
  <div class="solution">
    <h1>Solution This is Solution</h1>
    <ul v-if="showList">
      <li><router-link to="/solution/model-specific/1">ModelSpecific 1</router-link></li>
      <li><router-link to="/solution/model-specific/2">ModelSpecific 2</router-link></li>
    </ul>
    <router-view class="solution-content" />
  </div>
</template>
<script>
export default {
  name: 'Solution',
  data() {
    return {
      showList: true
    }
  },
  watch: {
    '$route'(to) {
      console.log('==id==', to.params.id)
      this.showList = !to.params.id
    }
  }
}
</script>
<style scoped></style>
